import {useState,useEffect} from 'react'
// import {useLocation,useNavigate,Outlet} from 'react-router-dom'
// import axios from 'axios'

import { Flex ,Menu,Button } from 'antd';
import type { GetProp, MenuProps } from 'antd';
type MenuItem = GetProp<MenuProps, 'items'>[number];

import Room from '../wycomponents/Room'

const items: MenuItem[] = [
  {
    key: '1',
    label: '入院证',
  },
  {
    key: '2',
    label: '急诊入院证',
  },
];


let MeReleft = {
    width:'20%',
    height:'100%',
    borderRadius: 6,
    // border:'1px solid blue',
}
let MeReright = {
    width:'80%',
    height:'100%',
    borderRadius: 6,
    // border:'1px solid blue',
    overflow:'auto'
}
let MeRemain = {
    width:'100%',
    height:'100%',
    borderRadius: 6,
    // border:'1px solid blue',
}
let meReleflist = {
    width:'95%',
    height:'20px',
}
let MeReleftit = {
    width:'95%',
    height:'40px'
}
let MeRerightit = {
    width:'100%',
    height:'50px',
    // border:'1px solid blue',
}

export default function Gohospital(){//如院证

    const [mode, setMode] = useState<'vertical' | 'inline'>('inline');

    useEffect(()=>{

    },[])

    return (
        <>
            <Flex style={MeRemain}>
                <Flex wrap vertical gap="small" justify='flex-start' align='center' style={MeReleft}>
                    <Flex justify='space-around' align='center' style={MeReleftit}>入院模板</Flex>
                    <Menu
                        style={meReleflist}
                        defaultSelectedKeys={['1']}
                        mode={mode}
                        items={items}
                    />
                </Flex> 
                <Flex wrap gap="small" justify='space-around' align='center' style={MeReright}>
                    <Flex style={MeRerightit}>
                        <Button type="primary" size='small'>保存</Button>
                    </Flex>
                    <Room></Room>
                </Flex> 
            </Flex> 
            

        </>
    )
}